import 'package:flutter/material.dart';

class Example_01 extends StatelessWidget {
  const Example_01({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.teal,
      appBar: AppBar(
        title: Text('实例1'),
        backgroundColor: Colors.teal,
      ),
      body: SafeArea(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            CircleAvatar(
              radius: 50.0,
              backgroundImage: AssetImage('images/girl.png'),
            ),
            Text(
                'Steve',
                style: TextStyle(
                    fontFamily: 'Pacifico',
                    color: Colors.white,
                    fontSize: 30.0,
                    fontWeight: FontWeight.bold
                )
            ),
            Text(
                'Flutter Developer',
                style: TextStyle(
                    color: Colors.yellow.shade100,
                    fontSize: 18.0,
                    fontWeight: FontWeight.bold,
                    letterSpacing: 2.5
                )
            ),
            SizedBox(
                width: 150.0,
                height: 20.0,
                child: Divider(
                    color: Colors.teal[100]
                )
            ),
            Card(
                margin: EdgeInsets.symmetric(vertical: 10.0, horizontal: 20.0),
                child: Padding(
                  padding: const EdgeInsets.all(8.0),
                  child: Row(
                    children: [
                      Icon(
                          Icons.phone,
                          color: Colors.teal,
                          size: 36.0
                      ),
                      SizedBox(width: 16.0),
                      Text(
                          '+44 123 456 789',
                          style: TextStyle(
                              fontSize: 20.0,
                              color: Colors.black
                          )
                      )
                    ],
                  ),
                )
            ),
            Card(
                margin: EdgeInsets.symmetric(vertical: 10.0, horizontal: 20.0),
                child: ListTile(
                    contentPadding: EdgeInsets.fromLTRB(7.0, 0, 7.0, 0),
                    leading: Icon(
                        Icons.email,
                        color: Colors.teal,
                        size: 36.0
                    ),
                    title: Text(
                        'angela@163.com',
                        style: TextStyle(
                            fontSize: 20.0,
                            color: Colors.black
                        )
                    )
                )
            )
          ],
        ),
      )
    );
  }
}
